<template>
  <div id="app">
    <insight-component-demo :config="demo" />
    <insight-3d-time :config="demo" />
  </div>
</template>

<script>
import demo from './components/demo/index.vue'
import threeDTime from './components/3d-time/index.vue'

export default {
  name: 'App',
  components: {
    [demo.name]: demo,
    [threeDTime.name]: threeDTime
  },
  data() {
    return {
      demo: {
        style: {
          width: 300,
          height: 300
        },
        option: {
          picture: "./static/demo.jpeg"
        },
        data: [{
          value: 0
        }]
      }
    }
  },
  methods: {
    $subscribeState() {

    },
    $eventChange() {

    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  width: 100vw;
  height: 100vh;
}
</style>
